<template>
  <div id="footer">
    <div class="content">
      <div class="content-top">
        <div class="content-top-left">
		<div class="content-top-mid">
          <dl>
            <dt>条款说明</dt>
            <dd>
              <a href="http://192.168.110.13:8080/#/pages/signup/signup">用户协议</a>
            </dd>
            <dd>
              <a href="#">法律声明</a>
            </dd>
          </dl>
		  </div>
		<div class="content-top-mid">
		  <dl>
		    <dt>关于</dt>
		    <dd>
		      <a href="#">联系我们</a>
		    </dd>
		    <dd>
		      <a href="#">加入我们</a>
		    </dd>
		  </dl>
		</div>
		<div class="content-top-mid">
		  <dl>
		    <dt>关于我们</dt>
		    <dd>
		      <a href="#">官方网址：www.slashplanet.net</a>
		    </dd>
		    <dd>
		      <a href="#">下载地址：www.slashplanet.net</a>
		    </dd>
		  </dl>
		</div>
		</div>
       <div class="content-top-right">
          <div class="content-top-mid">
            <dl>
              <dt>斜杠大陆</dt>
              <dd>
                <a href="#">打造最靠谱的返利网</a>
              </dd>
              <dd>
                <a href="#">
					<img style="width:30px;height: 30px;" src="@/common/image/wechatLogo.png" alt="">
					<img style="width:30px;height: 30px; margin-left: 20%;" src="@/common/image/phoneLogo.png" alt="">
				</a>
              </dd>
            </dl>
          </div>
        </div>
      </div>
      <div class="content-bottom">
        <a href="#">
			©2021 Copyright 池链上海科技有限公司沪ICP备19039379号-1
		</a>
      </div>
    </div>
  </div>
</template>
<script>
export default {};
</script>
<style lang="less">
#footer {
	margin-top: -2px;
  width: 100%;
  background: #142347;
  padding-top: 78px;
  .content {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    .content-top {
      width: 100%;
      display: flex;
      justify-content: space-between;
      .content-top-left,
      .content-top-mid,
      .content-top-right {
        dl {
          margin-bottom: 20px;
        }
        dl > dt {
          font-size: 18px;
          color: #ffffff;
          margin-bottom: 12px;
        }
        dl > dd {
          height: 38px;
          line-height: 38px;
          // overflow: hidden;
          a {
            text-decoration: none;
            font-size: 14px;
            color: #ffffff;
          }
        }
        [class^="el-icon-"] {
          color: #a3a5b3;
          font-size: 14px;
          margin-right: 8px;
        }
      }
	  .content-top-left{
		display: flex;
		padding-left: 0 !important;
		justify-content: space-between !important;
			.content-top-mid{
				margin-left: 100px;
			}
			.content-top-mid:first-child{
				margin-left: 100px;
			}
		}
      .content-top-right {
		  div{
			  margin-right: 100px;
		  }
        dl {
          overflow: hidden;
        }
        dd {
          // display: inline-block;
          margin-right: 10px;
        }
      }
    }
    .content-bottom {
      font-size: 12px;
      color: #a3a5b3;
      line-height: 20px;
      text-align: center;
      padding: 34px 0 48px 0;
      a {
        text-decoration: none;
        color: #a3a5b3;
      }
    }
  }
}
</style>